<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>积分商城</title>
    <link rel="stylesheet" href="__CSS__/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="__CSS__/mui-3.6.1.min.css">
    <link rel="stylesheet" href="__CSS__/common.css">
    <link rel="stylesheet" href="__CSS__/score_shop.css">
</head>
<body>
<div class="topbar-between horizontal-view gradient-color">
    <div class="topbar-back " onclick="location.href='/Wx/Index/index/r/my'"><div class="topbar-back-icon"></div></div>
    <div class="topbar-title">积分商城</div>
    <div class="topbar-right"></div>
</div>
<div class="horizontal-view menu-wrap">
    <div class="mui-table-view-cell horizontal-view menu-item">
        <img src="__IMG__/score_coin.png" width="20" height="16"/>
        <div class="menu-text">金币</div>
        <div class="menu-score">{$userScore|default=0}</div>
    </div>
    <div class="menu-gap"></div>
    <div onclick="location.href='/Wx/Score/record'" class="mui-table-view-cell horizontal-view menu-item">
        <img src="__IMG__/score_history.png" width="16" height="16"/>
        <div class="menu-text">兑换记录</div>
    </div>
</div>
<div class="score-swiper-wrap">
    <div class="swiper-container score-swiper-content">
        <div class="swiper-wrapper" style="box-sizing: border-box">
            <volist name="adInfo" id="ad">
                <div class="swiper-slide"><a href="{$ad.adurl}"><img src="/{$ad.adfile}" width="100%" height="100%"></a>
                </div>
            </volist>
        </div>
        <div class="swiper-pagination" style="bottom: 0;"></div>
    </div>
</div>

<div class="goods-list-top">
    <div class="text-get-more" onclick="location.href='/Wx/Score/explain'">如何获得更多积分？</div>
    <div class="loading" style="display: none;"><img src="__IMG__/loading.gif"></div>
</div>
<ul class="goods-ul">
    <volist name="scoreGoodsInfo" id="sk">
        <li class="vertical-view">
            <div class="goods-image-wrap" onclick="location.href='/Wx/Score/scoreGoods?id={$sk['goodsId']}&ref=score'"><img src="/{$sk.goodsThums}"></div>
            <div class="goods-name-wrap">
                <div class="goods-name">{$sk.goodsName}</div>
                <div class="goods-score">{$sk.shopPrice}</div>
            </div>
        </li>
    </volist>
</ul>

<script src="__JS__/mui-3.6.1.min.js"></script>
<script src="__JS__/swiper-3.4.2.min.js"></script>
<script>
    mui.init();
    var scoreSwiper = new Swiper('.score-swiper-content', {
        autoplay: 2000,
        loop: true,
        lazyLoading: true,
        lazyLoadingInPrevNext: true,
        preventLinksPropagation: true,
        pagination: '.swiper-pagination',
        autoplayDisableOnInteraction: false,

//        effect: 'coverflow',
//        slidesPerView: 3,
//        centeredSlides: true,
//        coverflow: {
//            rotate: 10,
//            stretch: 10,
//            depth: 10,
//            modifier: 1,
//            slideShadows : true
//        }
    });
</script>
</body>
</html>